<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telphone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="gray">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--QQ浏览器私有meta begin-->
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-page-mode" content="app">
    <!--QQ浏览器私有meta end-->

    <!--UC浏览器私有mete begin-->
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <!--UC浏览器私有mete end-->

    <title>订单详情</title>
    <link type="text/css" href="css/orderDetails.css" rel="stylesheet">
</head>
<body>
<article class="main">
    <nav class="mod_nav">
        <div class="lay_left">
            <a class="nav_back"><img src="images/TurnBackNormal.png"></a>
            <h1>订单详情</h1>
        </div>
        <div class="lay_right">
            <a class="btn_send">发送</a>
        </div>
    </nav>
    <section class="mod_order">
        <div class="orderInfo">
            <ul>
                <li><span>2015-03-16 22:35</span><span>订单号：123141757</span></li>
                <li><span>订单状态</span><span>已收货</span></li>
                <li class="userInfo">
                    <span class="address1">软件园11栋7楼</span>
                    <span class="address2">南山区科技中二路深圳软件园11栋7楼咖啡吧</span>
                </li>
                <li><span>送货时间</span><span>一个小时以内</span></li>
                <li><span>配送费</span><span>&yen;8.00</span></li>
            </ul>
        </div>
        <div class="orderList">
            <ul>
                <li>
                    <div class="good_info">
                        <img class="good_img" src="images/goodImg_03.png">

                        <div class="good_text">
                            <span class="good_name">统一冰红茶 500ML</span>
                            <span class="good_cost">&yen;3.50</span>
                        </div>
                    </div>
                    <div class="goog_count">
                        *4
                    </div>
                </li>
                <li>
                    <div class="good_info">
                        <img class="good_img" src="images/goodImg_03.png">

                        <div>
                            <span class="good_name">统一冰红茶 500ML</span>
                            <span class="good_cost">&yen;3.50</span>
                        </div>
                    </div>
                    <div class="goog_count">
                        *4
                    </div>
                </li>
                <li>
                    <div class="good_info">
                        <img class="good_img" src="images/goodImg_03.png">

                        <div>
                            <span class="good_name">统一冰红茶 500ML</span>
                            <span class="good_cost">&yen;3.50</span>
                        </div>
                    </div>
                    <div class="goog_count">
                        *4
                    </div>
                </li>
                <li>
                    <div class="good_info">
                        <img class="good_img" src="images/goodImg_03.png">

                        <div>
                            <span class="good_name">统一冰红茶 500ML</span>
                            <span class="good_cost">&yen;3.50</span>
                        </div>
                    </div>
                    <div class="goog_count">
                        *4
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <section class="mod_control">
        <span class="cost">共&yen;108.00</span>

        <div class="btn_list">
            <a class="btn-quite">取消订单</a>
            <a class="btn-pay">去支付</a>
            <div class="btn-code" style="display: none;">
                <span>取货码</span>
                <span>9873</span>
            </div>
            <a class="btn-sure" style="display: none;">确认收货</a>
            <a class="btn-call" style="display: none;">拨打电话</a>

        </div>
    </section>
</article>
</body>
</html>